
*,:after,:before {
  box-sizing: border-box
}

html {
  font-size: 13.33333333vw
}

@media screen and (max-width: 320PX) {
  html {
      font-size:42.667PX;
      font-size: 13.33333333vw
  }
}

@media screen and (min-width: 321PX) and (max-width:360PX) {
  html {
      font-size:48PX;
      font-size: 13.33333333vw
  }
}

@media screen and (min-width: 361PX) and (max-width:375PX) {
  html {
      font-size:50PX;
      font-size: 13.33333333vw
  }
}

@media screen and (min-width: 376PX) and (max-width:393PX) {
  html {
      font-size:52.4PX;
      font-size: 13.33333333vw
  }
}

@media screen and (min-width: 394PX) and (max-width:412PX) {
  html {
      font-size:54.93PX;
      font-size: 13.33333333vw
  }
}

@media screen and (min-width: 413PX) and (max-width:414PX) {
  html {
      font-size:55.2PX;
      font-size: 13.33333333vw
  }
}

@media screen and (min-width: 415PX) and (max-width:480PX) {
  html {
      font-size:64PX;
      font-size: 13.33333333vw
  }
}

@media screen and (min-width: 481PX) and (max-width:540PX) {
  html {
      font-size:72PX;
      font-size: 13.33333333vw
  }
}

@media screen and (min-width: 541PX) and (max-width:640PX) {
  html {
      font-size:85.33PX;
      font-size: 13.33333333vw
  }
}

@media screen and (min-width: 641PX) and (max-width:720PX) {
  html {
      font-size:96PX;
      font-size: 13.33333333vw
  }
}

@media screen and (min-width: 721PX) and (max-width:768PX) {
  html {
      font-size:102.4PX;
      font-size: 13.33333333vw
  }
}

@media screen and (min-width: 769PX) {
  html {
      font-size:102.4PX
  }
}

@media screen and (min-width: 769PX) {
  body {
      max-width:750PX;
      margin-left: auto!important;
      margin-right: auto!important
  }
}